<template>
  <i :class="icon" class="svg-icon"></i>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';

  export default defineComponent({
    name: 'SvgIcon',
    props: {
      icon: {
        type: String,
        required: true,
      },
    },
  });
</script>
<style scoped>
  .svg-icon {
    /*width: 1em;*/
    /*height: 1em;*/
    /*vertical-align: -0.15em;*/
    /*fill: currentColor;*/
    /*overflow: hidden;*/
    display: inline-block;
    font-size: 16px;
    text-align: center;
    vertical-align: -3.5px;
  }
</style>
